<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        text-align: center;
        color: red;
        font-size: 50px;
    }
</style>


<script>
window.onload=function(){
    // 获取当前时间  格林 1970 1月1日  0：  0：  0
// var date = new Date()
// console.log(date.getTime());
// console.log(date); 
// // 给定日期
// var date1 = new Date('2021/12/12 23:59:59')
// // date是属性值
// console.log(date1);

// var date2= new Date('1234567890')
// console.log(date2);

//截止时间
var date = new Date('2020/11/11 23:59:59')
//当前时间
var date1=new Date()

//截止时间到当前时间，所有的秒数   1000毫秒=1秒
var alls = (endTime.getTime()- currenTime.getTime())/1000
//获取天数
var days= parseInt(alls/60/60/24)
//获取小时数
var hours = parseInt(alls/60/60%24)

//获取分钟
var minutes = 0
var temp = alls - days*24*60*60-hours*60*60
if(temp>0){
    minutes=parseInt(temp/60)
    // 转换成分钟
}
var second = 0;
var temp

}



//es6 字符串模板
var str=`<h1>截止时间:2020-11-11 23:23:59</h1>
<h1>还剩：${days}天${hours}时${minutes}分${second}秒</h1>`

document.querySelector('.box').innerHTML=str




</script>


<body>
    <div class="box"></div>
</body>
</html>